<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/jsp/inc/header.jsp" %>
<c:set var="title" value="站点"/>
<c:set var="rootpath" value="${CONTEXT_PATH}/admin/site/site"/>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="${STATIC_HOST}/css/ligerui.css" rel="stylesheet" type="text/css"/>
    <link href="${STATIC_HOST}/css/common.css" rel="stylesheet" type="text/css" />
    <script src="${STATIC_HOST}/js/common.js" type="text/javascript"></script>
    <script src="${STATIC_HOST}/js/LG.js" type="text/javascript"></script>
    <title>${title}管理</title>
</head>
<body class="listbody">

<!-- 导航开始 -->
<div class="withicon">
    <span><b>当前位置：内容 &gt; <a href="list.do?view=${view}">${title}管理</a></b></span>
</div>
<!-- 导航结束 -->

<!-- 搜索开始 -->
<div id="mainsearch" class="l-panel">
    <div class="searchtitle l-panel-topbar"><span>搜索</span><img src="${STATIC_HOST}/images/common/searchtool.gif"><div class="togglebtn"></div></div>
    <div class="searchbox">
    <form action="${rootpath}/list.do" method="post" name="searchForm" id="searchForm">
    <ul>
       <li class="li_search_left"><label for="eqId">id</label>：</li>
           <li class="li_search_right">
        <input type="text" name="eqId" id="eqId" size="10" ltype='text' ligerui='{"width":100}'  value="${eqId}"/>
      </li> 
       <li class="li_search_left"><label for="likeName">站点名称</label>：</li>
           <li class="li_search_right">
        <input type="text" name="likeName" id="likeName" size="14" ltype='text'  ligerui='{"width":100}'  value="${likeName}"/>
      </li> 
       <li class="li_search_left"><label for="eqCode">代 号</label>：</li>
           <li class="li_search_right">
        <input type="text" name="eqCode" id="eqCode" size="14" ltype='text'  ligerui='{"width":100}'  value="${eqCode}"/>
      </li>

      <div style="clear:both; padding-top:10px; display:none" id="advsearchdiv"><!--更多搜索开始-->
           <li class="li_search_left"><label for="eqCreateUserId">创建人ID</label>：</li>
               <li class="li_search_right">
            <input type="text" name="eqCreateUserId" id="eqCreateUserId" size="10" ltype='text' ligerui='{"width":100}'  value="${eqCreateUserId}"/>
          </li>
           <li class="li_search_left"><label for="eqStatus">状态</label>：</li>
              <li class="li_search_right">
                  <select name="eqStatus" id="eqStatus" ltype="select" size="1" ligerui='{"width":60}'>
                      <option value=""  <c:if test="${eqStatus==''}">selected</c:if> >-全部-</option>
                      <option value="1"  <c:if test="${eqStatus==1}">selected</c:if> >有效</option>
                      <option value="0"  <c:if test="${eqStatus==0}">selected</c:if> >无效</option>
                  </select>
              </li>
            <li style="clear:both; padding-top:10px;"></li><!--换行-->
      </div><!--更多搜索结束-->

	<li class="li_searchbutton">
      <div id="searchbutton" class="button button2 buttonnoicon">
        <div class="button-l"></div>
        <div class="button-r"></div>
        <span>搜索</span>
	  </div>
	  <div class="div_advsearchbutton"></div>
      <div id="advsearchbutton">
        <span>更多搜索</span>
	  </div>
    </li>
	</ul>
  </form>
  </div>
</div>
<!-- 搜索结束 -->    

<div class="div_newline"></div>

<!-- 列表开始 -->
<div id="maingrid"></div> 
<!-- 列表结束 -->

<script type="text/javascript">
	function show(id){
		jQuery("#view").val('/admin/site/site/show');//查看页面
		submitReq("${rootpath}/show.do?id="+id);
	}
	function edit(id){
		jQuery("#view").val('');
		submitReq("${rootpath}/edit.do?id="+id);
	}
	function newObject(){
		jQuery("#view").val('');//编辑页面
		submitReq("${rootpath}/edit.do");
	}
	//获取选择ID
    function getSelectedId(){
	    var selecteds = grid.getSelecteds();
	    if (selecteds.length==0) { 
	        return "";
	    }
		var ids="";
		for(var key in selecteds){
			ids += (","+selecteds[key].id);
		}
		return ids.substring(1);
	}
	//删除
    function del(id){
		var path = "${rootpath}/delete.do";
		if( !isNaN(id) ){
			path += "?eqId=" + id;
		}else{
		    var ids = getSelectedId();
            if (ids.length==0) { 
        	    LG.tip('请选择要删除的行!'); 
        	    return;
            }
            path += "?inIds=" + ids;
		}
		$.ligerDialog.confirm("确定要删除吗？", function (yes) {
			if( yes ) submitReq(path);
		});
	}
	//批量删除
	function batchDelete(){
		del();
	}
	//无效
	function auditNotPass(){
		updateStatus( 0 );
	}
	//有效
	function auditPass(){
		updateStatus( 1 );
	}
	function updateStatus(statusValue,id){
		var path = "${rootpath}/updateStatus.do?status="+statusValue;
		if( !isNaN(id) ){
			path += "&eqId=" + id;
		}else{
		    var ids = getSelectedId();
            if (ids.length==0) { 
        	    LG.tip('请选择要更新的行!'); 
        	    return;
            }
            path += "&inIds=" + ids;
		}
		$.ligerDialog.confirm("确定要操作吗？", function (yes) {
			if( yes ) submitReq(path);
		});
	}
	function submitReq(path,query,notsubmit){
		pageFormObj = document.pageForm;
		pageFormObj.action = path;
		if(query){
		    pageFormObj.queryParam.value = query;
		}
		if(!notsubmit){
		    pageFormObj.submit();
	    }
		return false;
	}

    var statusMap = ${jsonali:toJSONString(statusMap)};
	//列表
	var grid = $("#maingrid").ligerGrid({
		
      columns: [
        { display:"id", name:"id", align: 'left', width: 80, type: 'int', frozen: true, render: function(row){
              return "<a href='javascript:show("+row.id+")'>"+row.id+"</a>";
            }
         },
        { display:"站点名称", name:"name", align: 'left', width: 100 },
        { display:"站点代号", name:"code", align: 'left', width: 100 },
        { display:"站点域名", name:"domainName", align: 'left', width: 120 },
        { display:"创建时间", name:"createTime", align: 'left', width: 100, type: 'date' },
        { display:"创建人id", name:"createUserId", align: 'left', width: 80, type: 'int', hide: 'true' },
        { display:"修改时间", name:"modifyTime", align: 'left', width: 100, type: 'date' },
        { display:"修改人id", name:"modifyUserId", align: 'left', width: 80, type: 'int', hide: 'true' },
        { display:"状态", name:"status", align: 'left', width: 80, type: 'int', render: function(row){
                return "<span class='status" + row.status+"'>"+statusMap[row.status]+"</span>";
            }
        },
        { display:"操作", minWidth: 150, isAllowHide: false, isSort: false, render: function(row){
            return '<img src="http://static.21cnimg.com/img/icons/content/show.gif" class="imgbtn" alt="查看" title="查看" onclick="show('+row.id+')" />'
              +'<img src="http://static.21cnimg.com/img/icons/content/edit.gif" class="imgbtn" alt="修改" title="修改" onclick="edit('+row.id+')" />'
              +'<img src="http://static.21cnimg.com/img/icons/content/audit.gif" class="imgbtn" alt="有效" title="有效" onclick="updateStatus(1, '+row.id+')" />'
              +'<img src="http://static.21cnimg.com/img/icons/silkicons/delete.png" class="imgbtn" alt="无效" title="无效" onclick="updateStatus(0, '+row.id+')" />'
              +'<img src="http://static.21cnimg.com/img/icons/content/delete2.gif" class="imgbtn" alt="删除" title="删除" onclick="del('+row.id+')" />';
           }
         }
      ],
      parms: [ {name:'_ajax', value:1}
          <c:if test="${not empty eqId}">, { name:'eqId',value:'${eqId}'}</c:if>
          <c:if test="${not empty eqName}">, { name:'eqName',value:'${eqName}'}</c:if>
          <c:if test="${not empty eqCode}">, { name:'eqCode',value:'${eqCode}'}</c:if>
          <c:if test="${not empty eqCraeteTime}">, { name:'eqCraeteTime',value:'${eqCraeteTime}'}</c:if>
          <c:if test="${not empty eqCreateUserId}">, { name:'eqCreateUserId',value:'${eqCreateUserId}'}</c:if>
          <c:if test="${not empty eqStatus}">, { name:'eqStatus',value:'${eqStatus}'}</c:if>
         ] ,
		toolbar: { items: [
		                    { line: true }
                ,{ text: '有效', click: auditPass, img: 'http://static.21cnimg.com/img/icons/silkicons/accept.png' }
                ,{ line: true }
                ,{ text: '无效', click: auditNotPass, img: 'http://static.21cnimg.com/img/icons/silkicons/delete.png' }
                ,{ line: true }
                ,{ text: '删除', click: batchDelete, img: 'http://static.21cnimg.com/img/icons/silkicons/cross.png' }
                ,{ line: true }
                ,{ text: '新增', click: newObject, img: 'http://static.21cnimg.com/img/icons/silkicons/add.png' }
                ,{ line: true }
			] },
	    pageSize: ${pageSize}, pageSizeOptions:[5,10,20,40,60,80,100],
	    pageParmName:'pageNo', pagesizeParmName:'pageSize', sortnameParmName:'sortName',sortorderParmName:'sortOrder',
	    dataAction:'server', 
	    url: '${rootpath}/search.do',
	    rownumbers: true, checkbox: true, frozen: true , dateFormat:'yyyy-MM-dd hh:mm',
		width: '98%', height: '100%', rowHeight:25, fixedCellHeight: true, usePager: true
	});
	
	jQuery("#searchbutton").click(function(){
	    var params = '';
        var group = {};
		var form=$("#searchForm");
        $(":input", form).not(":submit, :reset, :image,:button, [disabled]").each(function (){
            if (!this.name) return;
            if ($(this).val() == null || $(this).val() == "") return;
            var ltype = $(this).attr("ltype");
            var optionsJSON = $(this).attr("ligerui"), options;
            if (optionsJSON)
            {
                options = JSON2.parse(optionsJSON);
            }
            //get the value type(number or date)
            var value = $(this).val();
            var name = this.name;
            //如果是下拉框，那么读取下拉框关联的隐藏控件的值(ID值,常用与外表关联)
            if (ltype == "select" && options && options.valueFieldID)
            {
                value = $("#" + options.valueFieldID).val();
                name = options.valueFieldID;
            }
            group[name]=value;
			params += ("&"+name+"="+encodeURIComponent(value));
        });
	    grid.set('parms', group);
        grid.loadData();
        $("#queryParam").val( params.substring(1) );
	});
	
	jQuery("#advsearchbutton").click(function(){
	    jQuery("#advsearchdiv").slideToggle('fast');
	});
	
	$("#eqStatus").val('${eqStatus}');//初始化下来菜单
	$("#searchForm").ligerForm();
</script>

<form action="${rootpath}/list.do" method="post"  name="pageForm" id="pageForm">
  <input type="hidden" id="queryParam" name="queryParam" value="${queryParam}"/>
  <input name="view" id="view" type="hidden" value="${view}"/>
</form>
 
<%@ include file="/jsp/inc/footer.jsp"%>
</body>
</html>